<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: lenovo--%>
<%--  Date: 2024/6/10--%>
<%--  Time: 14:03--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>Title</title>--%>
<%--    <style>--%>
<%--        table{--%>
<%--            width: 1200px;--%>
<%--        }--%>
<%--        tr,td{--%>
<%--            border: grey 1px ;--%>
<%--        }--%>
<%--        td{--%>
<%--            height: 40px;--%>
<%--        }--%>

<%--        table td{--%>
<%--            height: 60px;--%>
<%--            vertical-align: middle!important;  /*设置文字垂直居中*/--%>
<%--            text-align: center;--%>
<%--        }--%>

<%--        tr,td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}--%>

<%--        th{font-weight:bold;background:#ccc;}--%>

<%--        .con-b .row .lf{--%>
<%--            width: 15%;--%>
<%--            text-align: center;--%>
<%--            padding: 10px;--%>
<%--        }--%>
<%--        .con-b .row .rg{--%>
<%--            width: 85%;--%>
<%--        }--%>

<%--        .con-b tr:nth-of-type(odd){--%>
<%--            background-color: #f2f2f2;--%>
<%--        }--%>
<%--    </style>--%>
<%--    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>

<%--</head>--%>
<%--<body>--%>
<%--<table border="1" cellspacing="0" align="center" class="con-b">--%>
<%--    <thead>--%>

<%--&lt;%&ndash;    //taskAccount teacherAccount  taskDate  taskName&ndash;%&gt;--%>
<%--    <tr class="row" style="color: black;font-size: 25px" >--%>
<%--        <td class="lf">任务账户</td>--%>
<%--        <td class="lf">任务名称</td>--%>
<%--        <td class="lf">任务时间</td>--%>
<%--        <td class="lf">删除题目</td>--%>
<%--        <td class="lf">查看详细</td>--%>
<%--    </tr>--%>
<%--    </thead>--%>
<%--    <tbody>--%>
<%--    &lt;%&ndash;    'userAccount' 'userName' 'userSex' 'userBirthday' 'userIdCard' 'userPassword' 'userIdentify''userOtherName'&ndash;%&gt;--%>
<%--    <c:forEach items="${arr}" var="task">--%>
<%--        <tr>--%>
<%--            <td class="lf">${task.getTaskAccount()}</td>--%>
<%--            <td class="lf">${task.getTaskName()}</td>--%>
<%--            <td class="lf">${task.getTaskDate()}</td>--%>
<%--            <td class="lf"><img src="del.jpg" onclick="deleteTishTask('${task.getTaskAccount()}')"></td>--%>
<%--            <td class="lf"><img src="detail.jpg" onclick="skimDetail('${task.getTaskAccount()}')"></td>--%>
<%--        </tr>--%>
<%--    </c:forEach>--%>

<%--    </tbody>--%>


<%--</table>--%>

<%--</body>--%>
<%--</html>--%>

<%--<script>--%>
<%--    function deleteTishTask(taskAccount){--%>
<%--        window.location.href = "tea.action?action=deleteTishTask&taskAccount="+taskAccount;--%>
<%--    }--%>

<%--    function skimDetail(taskAccount) {--%>
<%--        //查看这个任务的学生完成情况--%>
<%--        window.location.href = "tea.action?action=goSkimDetail&taskAccount="+taskAccount;--%>
<%--    }--%>
<%--</script>--%>








<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2024/6/10
  Time: 14:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        body {
            background-color: #f0f0f0;
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
        }
        table {
            width: 1200px;
            margin: 0 auto;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            overflow: hidden;
            background: #fff;
        }
        thead tr {
            background: linear-gradient(to right, #ff7e5f, #feb47b);
            color: #fff;
            font-size: 25px;
        }
        thead th {
            padding: 20px;
            text-align: center;
        }
        tbody tr {
            transition: background-color 0.3s ease;
        }
        tbody tr:nth-of-type(odd) {
            background-color: #f9f9f9;
        }
        tbody tr:hover {
            background-color: #f1f1f1;
        }
        td {
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid #ddd;
        }
        td img {
            cursor: pointer;
            width: 30px;
            height: 30px;
        }
        .con-b .row .lf {
            width: 15%;
        }
        .con-b .row .rg {
            width: 85%;
        }
    </style>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
</head>
<body>
<table border="0" cellspacing="0" align="center" class="con-b">
    <thead>
    <tr class="row">
        <th>任务账户</th>
        <th>任务名称</th>
        <th>任务时间</th>
        <th>删除题目</th>
        <th>查看详细</th>
    </tr>
    </thead>
    <tbody>
    <c:forEach items="${arr}" var="task">
        <tr>
            <td class="lf">${task.getTaskAccount()}</td>
            <td class="lf">${task.getTaskName()}</td>
            <td class="lf">${task.getTaskDate()}</td>
            <td class="lf"><img src="del.jpg" onclick="deleteTishTask('${task.getTaskAccount()}')"></td>
            <td class="lf"><img src="detail.jpg" onclick="skimDetail('${task.getTaskAccount()}')"></td>
        </tr>
    </c:forEach>
    </tbody>
</table>

<script>
    function deleteTishTask(taskAccount){
        window.location.href = "tea.action?action=deleteTishTask&taskAccount="+taskAccount;
    }

    function skimDetail(taskAccount) {
        //查看这个任务的学生完成情况
        window.location.href = "tea.action?action=goSkimDetail&taskAccount="+taskAccount;
    }
</script>
</body>
</html>